
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />

  <title>button first</title>

  <link rel="stylesheet" href="css/blog.css" />

</head>
<body>

<div class="site-header">
  <div class="container">

    <h1>button first</h1>

  </div>
</div>

<div class="container">
  <div class="posts-container">
<article class="post">
  <a class="post-header" href="/blog/wyday-logos">
    <h1 class="post-header__title">wyDay logos</h1>
    <p class="post-header__date">22 Mar 2017</p>
  </a>
  <div class="post__content">
<p><img src="https://i.imgur.com/pbs1Ylg.png" alt="wyDay logos"></p>
<p>After seeing my work on <a href="http://logo.pizza">Logo Pizza</a>, Wyatt at <a href="https://wyday.com/">wyDay</a> employed my services to design a new set of logos for wyDay and its products, LimeLM and wyBuild. wyDay makes &quot;premium software development tools for high-tech companies.&quot; A kindred spirit for Metafizzy!</p>
<p><img src="https://i.imgur.com/jUySqoc.png" alt="wyDay logos before &amp; after"></p>
<p>wyDay already had a strong brand to work with. That LimeLM pirate with lime eye patch is a great visual — easily memorable. The wyDay and wyBuild logos were a bit generic, so I was offered a blank slate for them. The end result is a set of straight-forward, iconic emblems.</p>

  </div>
</article>
<article class="post">
  <a class="post-header" href="/blog/mealio-logo">
    <h1 class="post-header__title">Mealio logo</h1>
    <p class="post-header__date">8 Mar 2017</p>
  </a>
  <div class="post__content">
<p><img src="https://i.imgur.com/3Ycdt9U.png" alt="Mealio logo"></p>
<p><em>If you eat and if you even remotely like food then <a href="https://www.mealio.com">Mealio</a> is the right place for you.</em> Mealio helps people solve the problem of constantly having to create a weekly meal plan by generating them based on the user&#39;s preferences. It&#39;s like Spotify for food.</p>
<p>I was tasked to design the Mealio logo. I delivered on an friendly &amp; clever M monogram that evokes the approachable and helpful qualities of Mealio. The fork and knife fitting within the counters of the M say it all. Knife, fork, M = Mealio.</p>

  </div>
</article>

</div>

  <p>
    <button class="load-more-button">Load more</button>
  </p>

  <nav class="pagination">
    <span class="pagination__current">Page 1 of 17</span>
      <a class="pagination__next" href="page/2.html">Next &middot; 2</a>
  </nav>

  </div>
  

<footer class="site-footer">
  <div class="container">

    <p class="site-footer__fizzy-makes">Metafizzy makes delightful UI libraries and logos</p>


  </div>
</footer>

<script src="../node_modules/ev-emitter/ev-emitter.js"></script>
<script src="../node_modules/fizzy-ui-utils/utils.js"></script>
<script src="../js/core.js"></script>
<script src="../js/scroll-watch.js"></script>
<script src="../js/page-load.js"></script>
<script src="../js/history.js"></script>
<script>
var container = document.querySelector('.posts-container');
var infScroll = new InfiniteScroll( container, {
  path: '.pagination__next',
  append: '.post',
  historyTitle: true,
  loadOnScroll: false,
  history: false,
});

var loadMoreButton = document.querySelector('.load-more-button');

loadMoreButton.onclick = function() {
  infScroll.options.loadOnScroll = true;
  infScroll.loadNextPage();
  loadMoreButton.style.display = 'none';
};
</script>

</body>
</html>
